<script>
	export default {
		onLaunch: function() {
				   
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	
	/*每个页面公共css */
	@import "./common/ali.css";
	@import './common/uni.css';
	@import './common/icon.css';
	/*每个页面公共css */
	body {
		margin: 0;
		padding: 0;
	}
	
	/* 常用样式 */
	.z-index-2 {
		z-index: 2;
	}
	
	.z-index-3 {
		z-index: 3;
	}
	/* .content{
		padding-top: 88upx;
	} */
	.z-index-999 {
		z-index: 999;
	}
	
	.h100pc {
		height: 100%;
	}
	
	.border {
		height: 20upx;
		background: #F2F2F2;
	}
	.border1 {
		height: 40upx;
		background: #F2F2F2;
	}
	.w100pc {
		width: 100%;
	}
	
	.bold400 {
		font-weight: 400;
	}
	
	.dsn {
		display: none;
	}
	
	.rel {
		position: relative;
	}
	
	.abs {
		position: absolute;
	}
	
	.fixed {
		position: fixed;
	}
	
	.circle {
		border-radius: 50%;
	}
	scroll-view ::-webkit-scrollbar {
	
	    width: 0;
	
	    height: 0;
	
	    background-color: transparent;
	
	}
	li {
		list-style: none
	}
	input{font-size:30upx;}
	.overflow {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.zanwuxiaoxi{
		width: 150upx;
		height: 250upx;
	}
	
	.weight {
		font-weight: bold;
	}
	
	.text-a {
		text-align: center;
	}
	
	/* margin */
	/* padding */
	
	/* 外间距-top */
	.mg-t-10 {
		margin-top: 10upx;
	}
	
	.mg-t-20 {
		margin-top: 20upx;
	}
	
	.mg-t-30 {
		margin-top: 30upx;
	}
	
	.mg-t-40 {
		margin-top: 40upx;
	}
	
	.mg-t-50 {
		margin-top: 50upx;
	}
	
	.mg-t-60 {
		margin-top: 60upx;
	}
	
	.mg-t-150{
		margin-top: 150upx;
	}
	
	/* 内间距-bottom */
	.pd-b-10 {
		padding-bottom: 10upx;
	}
	
	.pd-b-20 {
		padding-bottom: 20upx;
	}
	
	.pd-b-30 {
		padding-bottom: 30upx;
	}
	
	.pd-b-40 {
		padding-bottom: 40upx;
	}
	
	/* 外间距-bottom */
	.mg-b-10 {
		margin-bottom: 10upx;
	}
	
	.mg-b-20 {
		margin-bottom: 20upx;
	}
	
	.mg-b-30 {
		margin-bottom: 30upx;
	}
	
	.mg-b-40 {
		margin-bottom: 40upx;
	}
	
	/* 外间距-right */
	.mg-r-10 {
		margin-right: 10upx;
	}
	
	.mg-r-20 {
		margin-right: 20upx;
	}
	
	.mg-r-30 {
		margin-right: 30upx;
	}
	
	.mg-r-40 {
		margin-right: 40upx;
	}
	
	.mg-r-50 {
		margin-right: 50upx;
	}
	
	/* 外间距-left */
	.mg-l-10 {
		margin-left: 10upx;
	}
	
	.mg-l-20 {
		margin-left: 20upx;
	}
	
	.mg-l-30 {
		margin-left: 30upx;
	}
	
	.mg-l-40 {
		margin-left: 40upx;
	}
		
	.mg-l-50 {
		margin-left: 50upx;
	}	
	
	/* 内间距-left */
	.pd-l-10 {
		padding-left: 10upx;
	}
	
	.pd-l-20 {
		padding-left: 20upx;
	}
	
	.pd-l-30 {
		padding-left: 30upx;
	}
	
	.pd-l-40 {
		padding-left: 40upx;
	}
	
	.lrmg-10 {
		margin: 0 10upx;
	}
	.lrmg-20 {
		margin: 0 20upx;
	}
	.lrmg-30 {
		margin: 0 30upx;
	}
	
	.pd-r-10 {
		padding-right: 10upx;
	}
	.pd-r-20 {
		padding-right: 20upx;
	}
	.pd-r-30 {
		padding-right: 30upx;
	}
	.pd-r-40 {
		padding-right: 40upx;
	}		
	
	.pd-t-10{
		padding-top: 10upx;
	}
	.pd-t-20{
		padding-top: 20upx;
	}
	.pd-t-30{
		padding-top: 30upx;
	}
	.pd-t-40{
		padding-top: 40upx;
	}
	
	
	.lrpadd-10 {
		padding: 0 10upx;
	}
	.lrpadd-20 {
		padding: 0 20upx;
	}
	.lrpadd-30 {
		padding: 0 30upx;
	}
	.lrpadd-40 {
		padding: 0 40upx;
	}
	
	.tmpadd-10 {
		padding: 10upx 0;
	}
	.tmpadd-20 {
		padding: 20upx 0;
	}
	.tmpadd-30 {
		padding: 30upx 0;
	}
	.tmpadd-40 {
		padding: 40upx 0;
	}
	
	
	.tmmgin-10 {
		margin: 10upx 0;
	}
	.tmmgin-20 {
		margin: 20upx 0;
	}
	.tmmgin-30 {
		margin: 30upx 0;
	}
	.tmmgin-40 {
		margin: 40upx 0;
	}
	
	.tmpadd-10 {
		padding: 10upx 0;
	}
	.tmpadd-20 {
		padding: 20upx 0;
	}
	.tmpadd-30 {
		padding: 30upx 0;
	}
	.tmpadd-40 {
		padding: 40upx 0;
	}
	
	.pd-r-100{
		padding-right: 100upx;
	}
	
	.pd-l-100{
		padding-left: 100upx;
	}
	
	.pd-r-70{
		padding-left: 70upx;
	}
	
	/* 字体 */
	.f16 {
		font-size: 16upx;
	}
	
	.f18 {
		font-size: 18upx;
	}
	
	.f20 {
		font-size: 20upx;
	}
	
	.f22 {
		font-size: 22upx;
	}
	
	.f24 {
		font-size: 24upx;
	}
	
	.f26 {
		font-size: 26upx;
	}
	
	.f28 {
		font-size: 28upx;
	}
	
	.f32 {
		font-size: 32upx;
	}
	
	.f36 {
		font-size: 36upx;
	}
	
	.f38 {
		font-size: 38upx;
	}
	
	.f40 {
		font-size: 40upx;
	}
	
	.f42 {
		font-size: 42upx;
	}
	
	.f44 {
		font-size: 44upx;
	}
	
	.f46 {
		font-size: 46upx;
	}
	
	.f48 {
		font-size: 48upx;
	}
	
	.f50 {
		font-size: 50upx;
	}
	
	/* 字体颜色 */
	.gray3x {
		color: #8e8e8e;
	}
	
	.gray {
		color: #CACACA;
	}
	
	.gray2x {
		color: #999;
	}
	
	.gray4x {
		color: #c6c6c6;
	}
	
	.grayxx{
		color: #B1B1B1;
	}
	
	.white {
		color: #fff;
	}
	.white2x {
		color: #efefef;
	}
	.Pending{
		color:#E1A55E
	}
	.Approved{
		color: #57B096;
	}
	.orange {
		color: #f78360;
	}
	
	.orange2x {
		color: #fc7103;
	}
	
	.orange3x {
		color: #ffb375;
	}
	
	.black {
		color: #000;
	}
	
	.red {
		color: red;
	}
	
	/* 背景颜色 */
	.bg-gray {
		background-color: #ebebeb;
	}
	
	.bg-fff {
		background-color: #fff;
	}
	
	.bg-28 {
		background-color: #282828;
	}
	
	/* 蒙层 */
	
	/* 边线 */
	
	
	/* flex布局 */
	.flex {
		display: flex;
	}
	.flex-jsb{
		justify-content: space-between
	}
	.jc-start {
		justify-content: flex-start;
	}
	
	.jc-center {
		justify-content: center;
	}
	
	.jc-end {
		justify-content: flex-end;
	}
	
	.fdc {
		display: flex;
		flex-direction: column;
	}
	
	.flex .fg1 {
		flex-grow: 1;
	}
	
	.flex .fg2 {
		flex-grow: 2;
	}
	
	.flex .fg3 {
		flex-grow: 3;
	}
	
	.aic {
		align-items: center;
	}
	
	.jsb {
		justify-content: space-between;
	}
	
	.fsb,
	.fsa,
	.fcc {
		display: flex;
		align-items: center;
	}
	
	.fcc {
		justify-content: center;
	}
	
	.fsb {
		justify-content: space-between;
	}
	
	.fsa {
		justify-content: space-around;
	}
	.ifcc {
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	
	.wrap {
		flex-wrap: wrap;
	}
	.nowarp{
		flex-wrap: nowrap;
	}
</style>
